$(function () {
	// 点击去注册账号的链接
	$("#link_reg").on("click", function () {
		$(".login-box").hide();
		$(".reg-box").show();
	});

	// 点击去登陆的链接
	$("#link_login").on("click", function () {
		$(".login-box").show();
		$(".reg-box").hide();
	});

	// 从layui中获取form对象
	var form = layui.form;
	var layer = layui.layer;

	// 通过form.verify()函数自定义校验规则
	form.verify({
		// 自定义pwd校验规则
		// pwd: [/^[\S]{6,12}$/, '密码必须由6-12个字符组成，不允许出现空格'],
		pwd: [/^[\S]{6,12}$/, "密码必须6到12位，且不能出现空格"],

		repwd: function (value) {
			var pwd = $(".reg-box [name=password]").val();
			if (pwd !== value) {
				return "两次密码输入不一致！";
			}
		},
	});

	// 监听注册表单的提交事件
	$("#form_reg").on("submit", function (e) {
		e.preventDefault();
		// 发起Ajax的POST请求
		// var data = {
		//     username: $('#form_reg [name=username]').val(),
		//     password: $('#form_reg [name=password]').val()
		// }
		// $.post('/api/reguser', data, function (res) {
		//     if (res.status !== 0) {
		//         return layer.msg(res.message)
		//     }
		//     layer.msg('注册成功，请登录！')
		//     $('#link_login').click()
		// })
		$.ajax({
			type: "POST",
			url: "/api/reguser",
			data: {
				username: $("#form_reg [name=username]").val(),
				password: $("#form_reg [name=password]").val(),
			},
			success: function (response) {
				if (response.status !== 0) {
					return layer.msg(response.message);
					// return console.log(response.message);
				}
				// msg是内置方法
				layer.msg("注册成功，请登录！");
				// console.log('注册成功，请登录！');
				$("#link_login").click();
			},
		});
	});

	// 监听登录表单的提交事件
	$("#form_login").on("submit", function (e) {
		e.preventDefault();
		$.ajax({
			type: "POST",
			url: "/api/login",
			// 快速获取表单中的数据
			data: $(this).serialize(),
			success: function (response) {
				if (response.status !== 0) {
					return layer.msg("登录失败！！！");
				}
				layer.msg("登录成功辣！！！");
				// 保存token
				localStorage.setItem("token", response.token);
				// 跳转到后台主页
				location.href = "/layout.html";
			},
			error() {
				// 打印形参
				console.log(arguments);
			},
		});
	});
});
